<template>
  <div>
    <Sticky>
      <NavBar title="网易严选">
        <template #left>
          <Icon
            name="wap-home-o"
            size="30"
            color="black"
            @click="$router.push('/')"
          />
        </template>
        <template #right>
          <Icon
            name="search"
            size="30"
            color="black"
            style="margin-right: 20px"
            @click="$router.push('/search')"
          />
          <Icon
            name="cart-o"
            size="30"
            color="black"
            @click="$router.push('/shopcart')"
          />
        </template>
      </NavBar>
    </Sticky>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "ProductHeader",
});
</script>

<script lang="ts" setup>
import { Sticky, NavBar, Icon } from "vant";
</script>

<style scoped></style>
